.textlimited{ display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
a{
  text-decoration: none;
  color:var(--td-brand-color-8);
}
.theboxshadow {
  box-shadow: 0 1rem 3rem rgb(37, 41, 60);
}
.thetextshadow {
  text-shadow: 0px 1rem 3rem var(--td-brand-color-8);

  color:var(--td-brand-color-8);
}
.view-title {
  position: relative;
  padding-bottom: 1rem;
}
.rounded-circle {
  border-radius: 50% !important;
}
.text-white{
  color: #fff;
}
.view-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: var(--td-brand-color-6);
}

.text-new {
  color:var(--td-brand-color-8);
}

body::-webkit-scrollbar {
  width: 6px;
  height: 10px;
}

body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: var(--td-brand-color);
}
.c {
  cursor: pointer;
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background: #ededed;
}
.ti{
  display: -webkit-box;
  -webkit-line-clamp: 3;line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-indent-2em {
  text-indent: 2em;
}
.section-title {
  position: relative;
  font-size: 36rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 40rpx;
  display: inline-block;
  padding: 0 30rpx;
}

.title-icon {
  color: var(--td-brand-color);
  margin-right: 10rpx;
}

.section-title::before,
.section-title::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 40rpx;
  height: 2rpx;
  background: var(--td-brand-color);
}

.section-title::before {
  left: -20rpx;
}

.section-title::after {
  right: -20rpx;
}
